<template>
    <div class="tab_user">
      <div class="city">{{info.materialOriginPlace?info.materialOriginPlace.slice(0,2):''}}</div>
      <div class="">
        <div class="name">
          <span class="sp1">{{info.materialName||''}}</span>
        </div>
        <div class="mobile">
          {{info.belongCompany||''}}
        </div>
      </div>
    </div>
  </template>
  <script>
  export default {
    name: "TabMaterial",
    props: {
      info: {
        type: Object,
        default: () => {
          return {};
        },
      },
    },
    data() {
      return {
        showDialog: false,
      };
    },
    mounted() {},
    methods: {
    },
  };
  </script>
  <style lang="scss" scoped>
  .tab_user {
    display: flex;
    align-items: center;
    cursor: pointer;
    width:100%;
    .city {
      min-width: 32px;
      height: 32px;
      background: #167fff;
      border-radius: 4px;
      font-size: 14px;
      font-family: PingFang SC-Regular, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      text-align: center;
      line-height: 32px;
      margin-right: 7px;
    }
    .name {
      display: flex;
      align-items: center;
      font-size: 14px;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #167fff;
      line-height: normal;
      .sp1{
          flex-shrink: 0;
      }
      .tag_list{
          flex:1;
          flex-shrink: 0;
          display:flex;
          align-items: center;
          .tag{
              margin:0 4px;
          }
      }
    }
    .mobile {
      line-height: normal;
      font-size: 12px;
      font-family: DIN-Regular, DIN;
      font-weight: 400;
      color: #999999;
    }
  }
  </style>